<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<header id="header" th:fragment="common-header">
    <div style="z-index: 3" class="menu">
        <div class="menu-left">
            <ul>
                <li>小说管理系统</li>
            </ul>
        </div>
        <div class="menu-right">
            <ul>
                <li><a style="color: #B0B0B0;" th:text="${msg}"></a></li>
                <li><a style="color: #B0B0B0;" th:if="${msg} == null" th:href="@{/user/login}">登录</a></li>
                <li><a style="color: #B0B0B0;" th:if="${msg} == null"  th:href="@{/user/register}">注册</a></li>
                <li lay-on="test-iframe-curl" th:if="${msg} != null" >消息通知</li>
                <li><a  style="color: #B0B0B0;" th:if="${msg} != null" th:href="@{/user/logout}">退出登录</a></li>
            </ul>
        </div>
        <script th:src="@{/layui/layui.js}"></script>
        <script>
            layui.use(function () {

                var util = layui.util;
                util.on('lay-on', {
                    'test-iframe-curl': function () {
                        layer.open({
                            type: 2,
                            title: '消息通知',
                            shadeClose: true,

                            maxmin: true,
                            area: ['600px', '400px'],
                            content: '/message/g'
                        });
                    }
                });
            });
        </script>
    </div>
    <!--企业logo-->
    <div class="logo">
        <div class="logo-img">
            <img src="../img/0.jpg"/>
        </div>
        <ul>
            <li><a th:href="@{/front/shuku}">书库</a></li>
            <li><a th:href="@{/novel/getbook(userName=${session.shelf})}">书架</a></li>
            <li><a th:href="@{/front/yuanchuang}">排行榜</a></li>
            <li><a th:href="@{/forum/toForum}">论坛</a></li>
        </ul>
        <form th:action="@{/front/shuku}" method="post">
            <div class="search">
                <input type="text" name="novelname" required lay-verify="required" placeholder="输入你想搜索的小说"
                       autocomplete="off" class="layui-input">
                <div class="search-icon-box">
                    <button type="button" class="layui-btn">搜索</button>
                </div>

            </div>
        </form>
    </div>


</body>
</html>
